const { merge } = require("webpack-merge");
const commom = require("./webpack.common");

// 1. merge 通用的配置
module.exports = merge(commom, {
  mode: "development",
  // 6. webpack5 与 webpack-dev-server3 存在兼容性问题导致热更新失效, 需要设置 target 后才起作用
  // https://www.cnblogs.com/xiaorong-9/p/14069684.html
  target: "web",
  devtool: "eval-cheap-module-source-map",
  // 3. 热更新, 修改 package json的配置
  devServer: {
    progress: true,
    hot: true,
    open: true,
    // 📌开发阶段不需要打包静态文件, 指定本地静态文件的路径
    contentBase: "./public",
    clientLogLevel: "error", // 热更新时只在浏览器调试窗口显示错误信息
    overlay: true, // 在浏览器中创建遮罩显示错误信息
  },
});
